@import '@/common/css/navTop.scss';
page {
	background-color: #f6f7f9;
}
.index {
	.indexHead {
		.title {
			// padding-bottom: 88upx;
		}
		.details-card {
			position: relative;
			margin: 0 32upx;
			.dc-main {
				// padding: 50upx;
				display: flex;
				align-items: center;
				// background-color: #fff;
				// border-radius: 8px;
				// box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.08);
				.dc-login {
					// position: absolute;
					// // top: 50%;
					// left: 50%;
					color: #fff;
					// transform: translate(-50%,0);
				}
				.dc-head {
					position: relative;
					display: inline-block;
					margin-right: 20upx;
					.head {
						width: 142upx;
						height: 142upx;
						border-radius: 50%;
					}
				}
				.dc-con {
					color: #fff;
					font-size: 24upx;
					line-height: 2;
					margin-left: 20upx;
					.name {
						font-weight: bold;
						font-size: 34upx;
						width: 300upx;

						overflow: hidden; //超出的文本隐藏
						text-overflow: ellipsis; //溢出用省略号显示
						white-space: nowrap; //溢出不换行
					}
					.phone {
						opacity: 0.8;
					}
				}
			}
			.sign-in {
				position: absolute;
				right: 0;
				top: 50%;
				transform: translate(0, -50%);
				width: 116upx;
				height: 56upx;
				background: rgba(0, 0, 0, 0.6);
				border-radius: 50px 0px 0px 50px;
				text-align: center;
				text {
					color: #fff;
					font-size: 26upx;
					line-height: 56upx;
				}
			}
		}
		.my-card {
			position: relative;
			margin: 48upx 30upx 0;
			padding: 38upx 0;
			align-items: center;
			background-color: #fff;
			border-radius: 8px;
			box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.08);
			.mc-item {
				display: flex;
				align-items: center;
				justify-content: center;
				.item {
					width: 50%;
					text-align: center;
					image {
						width: 120upx;
						height: 120upx;
					}
					.text {
						padding-top: 26upx;
						font-size: 28upx;
						color: #333333;
					}
				}
			}
		}
	}
	.my-set-up {
		position: relative;
		margin: 0 30upx;
		padding-top: 20upx;
		.msu-main {
			// padding: 50upx;
			// display: flex;
			// align-items: center;
			background-color: #fff;
			border-radius: 8px;
			box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.08);
			.in-warf {
				.inw-con {
					margin: 0 32upx;

					.inwc-item {
						position: relative;
						display: flex;
						align-items: center;
						image {
							width: 40upx;
							height: 40upx;
						}
						text {
							font-size: 32upx;
							color: #333333;
							padding: 32upx 0;
							flex: 1;
							margin-left: 37upx;
						}
						.set-up {
							border-bottom: 1px solid #eee;
						}
						.set-up-b {
							border-bottom: 1px solid #eee;
						}
						.inwc-r {
							position: absolute;
							right: 0;
							top: 50%;
							transform: translate(0, -50%);
							width: 12upx;
							// height: 24upx;
						}
					}
					.inwc-item:nth-last-child(1) {
						.set-up {
							border-bottom: 1px solid #fff;
						}
					}
				}
			}
		}
	}
}
